// 考试-答题结束
<template>
  <div class="end">
    <Swiper></Swiper>
    <div class="box">
      <p>本场考试已结束</p>
      <img src="../../assets/6.png" alt="" />
      <div class="button">
        <router-link to="Analysis">查看解析</router-link>
        <router-link to="index">点击返回</router-link>
      </div>
    </div>
  </div>
</template>
<script>
import Swiper from "@/components/Swiper.vue";
export default {
  name: "end",
  components: {
    Swiper,
  },
  mounted() {
    // chrome
    document.body.scrollTop = 0;
    // firefox
    document.documentElement.scrollTop = 0;
    // safari
    window.pageYOffset = 0;
  },
};
</script>
<style lang="scss" scoped>
.end {
  width: 100%;
  margin: 0 auto;

  .box {
    width: 600px;
    margin: 0 auto;
    margin-top: 121px;
    margin-bottom: 64px;
    text-align: center;

    p {
      font-size: 60px;
      font-weight: bolder;
      color: #999999;
    }

    img {
      display: block;
      width: 519px;
      margin: 22px auto;
      // background: olive;
      // border: 1px solid #000;
    }

    .button {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 39px;

      a {
        width: 20%;
        height: 48px;
        line-height: 48px;
        display: block;
        text-decoration: none;
        color: #fff;
        background: #0096f6;
        border-radius: 10px;
      }
    }
  }
}
</style>
